﻿<!DOCTYPE html>
<html><head>
  <title>控点</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=8">
  <meta name="generator" content="Help &amp; Manual">
  <meta name="keywords" content="Bezier,Bézier,Off Curve,On Curve,Point,Smooth Curves">
  <meta name="description" content="In Point mode the rectangles and the larger green circles represent on-curve points. The rectangles represent corners, while the large green circles indicate the curve is...">
  <link type="text/css" href="default.css" rel="stylesheet">
  <link type="text/css" href="custom.css" rel="stylesheet">
  <style type="text/css" media="screen">
      html,body { margin:0;
        padding:0;
       background: #ffffff;
      }
      div#printheader { display: none; }
      #idheader {
        width:100%;
        height:auto;
        padding: 0;
        margin: 0;
        position: fixed;
        top: 0;
        z-index: 2;
      }
      /* The "min-height" for "#idheader table" ensures that the (blue) header of the topic
         has at least the same height as the header of the navigation panel left of it */
      #idheader table {background: #2C5D88; min-height: 59px }
      #idheader h1 span { color: #FFF }
      #idnav {
        text-align: right;
        width: 126px;
        vertical-align: middle;
      }
      #idnav a { text-decoration: none }
      #idnav span {
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-left: 4px;
       background:url('hm_webhelp_buttons_grey.png') top left no-repeat;
      }
      #idnav a span {
       background-image:url('hm_webhelp_buttons_white.png');
      }
      #idnav a span:hover {
       background-image:url('hm_webhelp_buttons_orange.png');
      }
      #idnav span.hmbtnprev {background-position: 0 -32px }
      #idnav span.hmbtnnext {background-position: -24px -32px }
      #idnav span.hmbtntop  {background-position: -48px -32px }
      #idnav span.hmbtntoggle  { width: 20px;background-position: -70px -32px }
      #idnav span.hmbtnprint  {background-position: -88px -32px }
      #callout-table, #overview-table {display:block; position:relative; top:0; left:0;}
      #callout-icon {display:block; position:absolute; top:-11px; left:-11px;}
      #callout-icon-flag {display:block; position:absolute; top:-11px; left:-8px;}
      #callout-table a {text-decoration: none; color:blue;}
      #callout-table a:visited {text-decoration: none; color:blue;}
      #overview-table a {text-decoration: none; color:black;}
      #overview-table a:visited {text-decoration: none; color:black;}
      #callout-table a:hover, #overview-table a:hover {text-decoration: underline;}
      p.help-url { margin: 20px 0 5px 0; text-align: center; font-size: 80%; text-decoration: none }
      #switchtoggles { text-align: right; padding: 0 2px 0 0; font-size: 90%; }
      .sync-toc { color: #FFF; font-size: 8pt; font-weight:bold; display: none; }
      .sync-toc a { color: #FFF; text-decoration: none; font-weight:bold;}
      .sync-toc a:visited { color: #FFF; }
      .sync-toc a:hover { text-decoration: underline; }
      a.hmanchor { display: inline-block; margin-top: -4em; padding-top: 4em }	
  </style>
  <style type="text/css" media="print">
      div#idheader, img.dropdown-toggle-icon, p.help-url { display:none }
  </style>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="helpman_settings.js"></script>
  <script type="text/javascript" src="helpman_topicinit.js"></script>
</head>
<body>
<div id="printheader"><h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">单一字形 - 控点</span></h1>
</div>
<div id="idheader" style="position: relative;">
<div id="idheaderbg">
<table style="width:100%;border:none;margin:0px;" cellspacing="0" cellpadding="0">
 <tbody><tr>
   <td class="topichead" style="text-align:left; vertical-align:bottom">
     <p class="crumbs"><b>导航：</b>&nbsp;编辑字体 &gt; 编辑字形 &gt; 单一字形 &gt;</p>
     <h1 class="p_Heading1" style="page-break-after: avoid;"><span class="f_Heading1">单一字形 - 控点</span></h1>
   </td>
   <td class="topichead" id="idnav">
     <a href="contours.html" title="上一主题"><span class="hmbtnprev"></span></a>
     <a href="welcometothefontcreator.html" title="返回首章"><span class="hmbtntop"></span></a>
     <a href="joinandsplitcontours.html" title="下一主题"><span class="hmbtnnext"></span></a>
   </td>
 </tr>
</tbody></table>
</div>
</div>
<div id="idcontent" style="margin-top: 0px;"><div id="innerdiv">
<!--ZOOMRESTART-->
<p class="p_Normal">在<span style="font-weight:bold;">控点模式</span>中，方形和稍大的绿色圆形代表贴附曲线(on-curve)的控点。方形控点代表拐角或称转角，而稍大的绿色圆形控点表示曲线是平滑的。稍小的圆形则是脱离曲线(off-curve)的控点。这种脱离曲线的点也称为手柄或控制点。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">有几种与控点相关的操作（移动、添加、删除、将控点更改为贴附或脱离曲线等）。选择一个或多个控点，然后右键点击其中一个，打开含有更多控点相关功能的子菜单。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">每个轮廓线(contour)都有一个带绿色标记的起始控点和一个带红色标记的结尾控点。要更换起始控点，请右键点击一个控点，选择<span style="font-weight:bold;">第一个控点</span>，或使用快捷键“Shift+F”。</p>
<p class="p_Normal"><img style="margin:0;width:4.1667in;height:4.1667in;border:none" src="fontcreator_017_simple_glyph_points.png"/></p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">更改曲线段</span></h2>
<p class="p_Normal">要更改曲线，请将鼠标指向曲线上两控点之间的线段，鼠标箭头右边出现一个斜波浪线时，按下鼠标左键不松手，同时移动鼠标至所需位置。</p>
<p class="p_Normal">如果要将曲线分隔成两段，只需鼠标点在曲线上，点击处会生成一个新控点，自然分为了两段。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">选择控点</span></h2>
<p class="p_Normal">要选择单个控点，请（译注：鼠标指向控点，当鼠标指针变为方形四向箭头时）点击选择。要选择多个控点，一种方法是，按住 Shift 键的同时点击多个控点；另一种方法是，按住鼠标左键，围绕着要一起选择的控点，拖动出一个矩形框，无论是字形中的几个点还是所有点皆可。用 Ctrl-A 快捷键或在<b>编辑</b>菜单中选择<b>全选</b>，可选择所有控点。按住 Shift 键点击一个已选控点，可取消选择。</p>
<p class="p_Normal">状态栏上会显示上下文特定信息，因此在控点模式下，它将显示所选控点的共同坐标 X 和/或 Y 位置。根据所选控点的数量，它还可能显示角度（单个点）或距离（两个所选控点之间）。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">移动所选控点</span></h2>
<p class="p_Normal">您可以任意移动一个或多个控点。要限制其仅在水平或垂直方向移动，请在拖动时按住 Shift 键。按住 Alt 键忽略对齐到网格线和参考线的功能。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">FontCreator 会尽量保持平滑的三次曲线，但在移动所选控点时，可以按住 Ctrl 键来取消该功能。那么 FontCreator 就会不再保持平滑曲线的平滑性，也就是当您移动曾经是平滑曲线一部分的单个脱离曲线的控点时，相对的另一个脱离曲线的控点将不再随着移动。</p>
<p class="p_Normal">还有一些更高级的选项（也只适用于三次曲线）:</p>
<p class="p_Normal">在按住 Ctrl 和 Shift 键的同时，FontCreator 会尽力使全部所选的曲线平滑。</p>
<p class="p_Normal">在按住 Ctrl 和 Alt 键的同时，FontCreator 会尽力使全部所选的曲线对称。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">删除所选控点</span></h2>
<p class="p_Normal">选择一个或多个控点后，按 Delete 键可以删除轮廓线的一部分。如果要删除三次曲线的一部分，有时需要删除相邻的控点，以确保剩余轮廓线仍然是基于三次曲线的有效轮廓(outline)。</p>
<p class="p_Normal">如果要想保留现有的弯曲度（曲率），请按 Backspace 键，然后 FontCreator 将尽可能地保持剩余轮廓线与原始轮廓线一样。</p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">缩放所选控点</span></h2>
<p class="p_Normal">先选中几个点后，再点击（不要双击）其中一个点来进行缩放操作（译注：这时所选的几个点会转换为一个矩形选区，拖拽边上的手柄可缩放所选轮廓线）。选中几个点后，也可以按 S 键在<span style="font-weight:bold;">移动</span>和<span style="font-weight:bold;">缩放</span>模式之间切换。</p>
<p class="p_Normal"><span class="f_Heading2">平滑曲线</span></p>
<p class="p_Normal">为保证平滑度，两条曲线相交处的贴附曲线控点必须位于其两边两个脱离曲线控点之间的线上。要保持贴附曲线控点周围的轮廓平滑并不总是那么容易。幸运的是，有一个命令可以做到这一点。右键点击一个或多个被脱离曲线控点包围的贴附曲线控点，然后选择<span style="font-weight:bold;">平滑曲线</span>。如果未选择任何控点，其将应用于所有控点。只有当贴附曲线的控点已经接近平滑时，该功能才会起作用。</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：用“D”键也可以平滑曲线。（译注：原文是“S”键）</span></p>
<p class="p_Normal">有一个附加的<span style="font-weight:bold;">平滑和对齐曲线</span>功能，除了平滑曲线之外，如果相关控点已经接近垂直或水平，该功能还将垂直或水平对齐相关控点。</p>
<p class="p_NoteorTip"><span class="f_NoteorTip">提示：用“F”键也可以平滑曲线和对齐控点。（译注：原文是“D”键）</span></p>
<h2 class="p_Heading2" style="page-break-after: avoid;"><span class="f_Heading2">取整 XY 坐标值</span></h2>
<p class="p_Normal">在编辑字形轮廓时，轮廓线可能会被移动或缩放，这可能会出现 X 和/或 Y 坐标值变为浮点数的控点。导出时 FontCreator 将始终四舍五入到最接近的整数。如果要在设计轮廓时四舍五入坐标值，请点击右键并选择<span style="font-weight:bold;">取整 XY 坐标值</span>。</p>
<p class="p_Normal"><span class="f_Heading2">延伸出角</span></p>
<p class="p_Normal">延伸出角(Extend Corner)功能允许您更改轮廓线段，而不会干扰拐角的另一侧。要使用该功能，请选择一个贴附曲线控点，点击右键并选择<span style="font-weight:bold;">延伸出角</span>。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">下面的屏幕截图，显示了如何在<b>延伸出角</b>和<b>接合轮廓线</b>(Join Contours)的帮助下更改曲线。</p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal"><img style="margin:0;width:11.7500in;height:5.1875in;border:none" src="fontcreator_133_extend_corner.png"/></p>
<p class="p_Normal"><img style="margin:0;width:11.7500in;height:5.1875in;border:none" src="fontcreator_134_extend_corner.png"/></p>
<p class="p_Normal">&nbsp;</p>
<p class="p_Normal">&nbsp;</p>
<!--ZOOMSTOP-->
</div></div>
<script type="text/javascript">
  $(document).ready(function(){
    $(window).bind('resize', function() {
      var y = $('#idheader').height();
      $('#idcontent').css('margin-top', y);
      var par = window.parent;
      if ($( par ).width()<= $( window ).width()+20) {
        $('#idheader').css('position', 'relative');
        $('#idcontent').css('margin-top', 0);
        $('#idbacktotop').css('display', 'block');
        $('.hmanchor').css('margin-top', -20);
	$('.hmanchor').css('padding-top', 20);
      }
      else {
        $('#idheader').css('position', 'fixed');
        $('#idcontent').css('margin-top', $('#idheader').height());
        $('#idbacktotop').css('display', 'none');
        $('.hmanchor').css('margin-top', -y-20);
	$('.hmanchor').css('padding-top', y+20);
      }
    });
    $(window).resize(); //trigger event for initially small displays
  });
</script>
</body></html>